﻿/*
 style 180412-1 - 180414
*/
/* common */
body {
  font-family: 'microsoft yahei';
}
a:link    {color:#666;text-decoration:none;}
a:visited {color:#666;text-decoration:none;}
a:hover   {color:#09c;text-decoration:none;}
a:active  {color:#666;text-decoration:none;}
div.v10 {
  height: 10px;
}
div.v20 {
  height: 20px;
}
div.v10,div.v20 {
  margin: 0;
  padding: 0;
}

.bar {
  padding: 8px;
  margin-bottom: 16px;
  background-color: #f9f9f9;
}
.bar-nobackground {
  padding: 0;
  background-color: transparent;
}
@keyframes opacity2{
  0%{opacity:0}
  50%{opacity:.8;}
  100%{opacity:0;}
}
@-webkit-keyframes opacity2{
  0%{opacity:0}
  50%{opacity:.8;}
  100%{opacity:0;}
}
@-moz-keyframes opacity2{
  0%{opacity:0}
  50%{opacity:.8;}
  100%{opacity:0;}
}
/* custom bootstrap */
.btn {
  border-radius: 0;
}
.btn.btn-default {
 /* border-color: #00a1d6;*/
}
.btn.btn-danger {
  border-color: #d9534f;
}

.btn.btn-ext1 {border-color: #f6f;background-color: #f6f;}
.btn.btn-ext1:hover {border-color: #e6e;background-color: #e6e;}
.btn.btn-ext1:active {border-color: #e6e;background-color: #e6e;}
.btn.btn-ext1:visited {color: white;}
.btn.btn-ext1:link {color: white;}

.btn.btn-ext2 {border-color: #369;background-color: #369;}
.btn.btn-ext2:hover {border-color: #258;background-color: #258;}
.btn.btn-ext2:active {border-color: #258;background-color: #258;}
.btn.btn-ext2:visited {color: white;}
.btn.btn-ext2:link {color: white;}

.btn.btn-ext3 {border-color: #90f;background-color: #90f;}
.btn.btn-ext3:hover {border-color: #80e;background-color: #80e;}
.btn.btn-ext3:active {border-color: #80e;background-color: #80e;}
.btn.btn-ext3:visited {color: white;}
.btn.btn-ext3:link {color: white;}
.panel {
  border-radius: 0;
}
.badge {
  padding: 4px 6px;
  border-radius: 2px;
  cursor: pointer;
}
.badge.bg-muted,
.panel-default > .panel-heading .badge.bg-muted {
  color: #999;
  background-color: #f5f5f5;
}
.badge.bg-danger {
  background-color: #d9534f;
}
.badge.bg-success,
.panel-default > .panel-heading .badge.bg-success {
  background-color: #5cb85c;
}
.badge.bg-warning {
  background-color: #f0ad4e;
}
.badge.bg-info {
  background-color: #5bc0de;
}
.badge.bg-primary {
  background-color: #337ab7;
}
.badge.box-default {
  border: solid 1px #ddd;
  border-radius: 0;
  color: #333;
  font-weight: normal;
  background-color: #f8f8f8;
}
.badge.box-danger {
  border: solid 1px #d9534f;
  color: #d9534f;
  font-weight: normal;
  background-color: transparent;
}
/* 面板 */
.panel-title {
  border-left: solid 4px #ea799f;
  padding-left: 8px;
}
/* 糖果 */
.panel-default {
  border-color: #e0e0e0;
}
.panel-default .panel-heading {
  color: #333;
  background-color: transparent;
  border-radius: 0;
  border-bottom: 1px solid #f2f2f2;/*#ea799f;*/
}
/* 警告框 */
.alert {
  border-radius: 0;
}
/* custom common */

/* add layout */
.row-10 {
  margin-right: -5px;
  margin-left: -5px;
}
.row-10 .col-xs-1,
.row-10 .col-xs-2,
.row-10 .col-xs-3,
.row-10 .col-xs-4,
.row-10 .col-xs-5,
.row-10 .col-xs-6,
.row-10 .col-xs-7,
.row-10 .col-xs-8,
.row-10 .col-xs-9,
.row-10 .col-xs-10,
.row-10 .col-xs-11,
.row-10 .col-xs-12 {
  padding-right: 5px;
  padding-left: 5px;
}

/* private index */
.job-ad-index-top {
  margin-left: -3px;
  margin-right: -3px;
  margin-bottom: 7px;
}
.job-ad-index-top .col-xs-3 {
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 6px;
}
.job-ad-index-top .col-xs-3 img {
  width: 100%;
  height: 56px;
}
.job-ad-index-top .tag-ad {
  right: 3px;
  bottom: 6px;
}
.job-ad-index-topcom { /* com top */
  
}
.job-ad-index-topcom .panel-body {
  padding: 10px 22px 4px 22px;
}
.job-ad-index-topcom .col-xs-2 {
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 6px;
}
.job-ad-index-topcom .col-xs-2 div {
  background-color: #fcfcfc;
  padding: 6px;
  border: solid 1px #f0f0f0;
}
.job-ad-index-topcom .col-xs-2 div a {
  height: 40px;
  display: block;
  overflow: hidden
}
.job-ad-index-topcom .col-xs-2 div:hover {
  background-color: #00a1d6;/*#09f;*/
  border: solid 1px #00a1d6;/*#06c;*/
  animation: 2s opacity2 0s infinite;
  -webkit-animation: 2s opacity2 0s infinite;
  -moz-animation: 2s opacity2 0s infinite;
}
.job-ad-index-topcom .col-xs-2 div:hover a {
  color: white;
}
.job-type-index { /* index type */
  margin-bottom: 10px;
}
.job-type-index .col-xs-6:first-child {
  border-right: solid 1px #eee;
}
.job-type-index .job-type-index-title {
  background-color: #f0f0f0;
  padding: 5px;
  margin-top: 10px;
}
.job-type-index .job-type-index-title:first-child {
  margin-top: 0;
}
.job-type-index span {
  display: inline-block;
  width: 50%;
}
.job-news-title {
  background-color: #f0f0f0;
  line-height: 2em;
  margin-bottom: 10px;
  font-size: 18px;
  padding-left: 15px;
  padding-right: 15px;
}
.job-search-type dd a { /* search type */
  display: inline-block;
  padding: 0 5px;
  border-radius: 4px;
}
.job-search-type dd a:hover,
.job-search-type a:hover {
  /*
  background-color: #09f;
  color: white;
  */
  color: #00a1d6;
}
.job-search-type dd a.bg-primary {
  color: white;
}
.job-search-type dd a.bg-info,
.job-search-type a.bg-info {
  /*background-color: #eee;
  color: #09f;*/
  color: #00a1d6;
  background-color: #fff;
}
.job-search-type dt a {
  line-height: 2;
}
.job-userheader {
  width: 80px;
  height: 80px;
}
.job-username {
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* private user */

/* 主菜单 */
.navbar {
  border-width: 0;
  background-color: #fff;
}
.container-fluid > .navbar-header {
  margin-left: -15px;
}
.navbar-space {
  float: none;
  border-bottom: solid 1px #ddd;
  display: block;
  height: 51px;
}
.navbar-default .navbar-nav li,
.navbar-default .navbar-header
{
  border-bottom: solid 1px #ddd;
}
.navbar-default .navbar-nav .active {
  border-bottom: solid 2px #00a1d6;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
  background-color: transparent;
  color: #00a1d6;
}
/* 按钮 */
.btn-primary {
  background-color: #00a1d6;
  border-color: #00a1d6;
}
.btn-primary:hover {
  background-color: #00B4F0;
  border-color: #00B4F0;
}
/* form */
.form-control {
  border-radius: 0;
}
.form-group textarea {
  max-width: 100%;
}
.input-group-addon {
  border-radius: 0;
}
.form-input-json {
  min-width: 800px;
  min-height: 500px;
  font-family: "yahei consolas hybrid";
  background-color: black;
  color : white;
  font-size: 16px;
  line-height: 1.8em;
  tab-size: 4;
  word-wrap: break-word;
  word-break: noraml;
  word-break: break-all;
}
.form-input-json:focus {
  box-shadow: none;
  border-color: #ccc;
}


/*简历列表块*/
.jl-box {
  border-radius: 0;
  border-color: #f2f2f2;
}
.jl-box:hover {
  box-shadow: 0 0 5px 3px #f0f0f0;
}
.jl-box .img-circle {
  width: 120px;
  height: 120px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.jl-box .img-circle img {
  width: 100%;
  height: 100%;
}
.jl-box h3 {
  height: 1em;
  text-align: center;
  margin-bottom: 20px;
}
.jl-box p {
  height: 3.6em;
  overflow: hidden;
  line-height: 1.8em;
  color: #333;
  margin-bottom: 0;
}
.jl-box .caption {
  background-color: #f8f8f8;
}

/* movie */
/* 轮播 */
#movie-carousel-1 img {
  width: 100%;
  height: 376px;
}
/* 影片列表 */
.list-movie .thumbnail img {
  height: 293px;
  width: 100%;
}
.list-movie .caption h5 {
  height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-movie .caption p {
  height: 6em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
}
/*分类*/
.movie-type a span {
  display: inline-block;
  padding: 4px 6px;
  font-weight: normal;
  font-size: 12px;
  white-space: nowrap;
  min-width: 10px;
}
/* form title */
.form-title {
  border-bottom: solid 1px #eee;
  margin-bottom: 25px;
  margin-top: 15px;
  height: 12px;
  text-align1: center;
  color: #999;
}
.form-title span {
  background-color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 10px;
  font-size: 16px;
}
/* 字体大小 */
.text-size-xs {
  font-size: 12px;
}
.text-size-sm {
  font-size: 14px;
}
.text-size-default {
  font-size: 16px;
}
.text-size-lg {
  font-size: 18px;
}
/* 菜单 */
.menu-horizontal {
  padding: 0;
  margin: 0 0 20px 0;
  overflow: hidden;
  background-color: #f5f5f5;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
}
.menu-horizontal .menu-item {
  list-style: none;
  float: left;
  padding: 0 15px;
  margin: 0;
  color: #666;
  border-left: solid 1px #eee;
}
.menu-horizontal .menu-item:first-child {
  border-left: solid 1px transparent;
}
.menu-horizontal .menu-item:hover {
  background-color: #f0f0f0;
}
.menu-horizontal .menu-item.active {
  color: white;
  background-color: #aaa;
  display: block;
}
.menu-horizontal .menu-item.active:hover {
  background-color: #aaa;
}
/* list-group 180413 */
.list-group .list-group-item.active {
  background-color: #aaa; /*#5bc0de;*/
  border-color: #aaa; /*#5bc0de;*/
}
.panel > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}